<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>05VueComponent函数</title>
</head>
<body>
  <!-- 
    VueComponent函数
      1 Vue.extend()的返回值是一个函数，该函数就是VueComponent
      2 在使用组件时，Vue解析到<school/> 或 <school></school>，就会自动new调用VueComponent函数，生成对应的实例对象
      3 每次调用Vue.extend()，其返回的VueComponent函数都是不一样的，都是新的
    
    this指向
      new Vue({})中，由Vue管理的函数，其中this都指向由Vue函数new出来的实例对象vm
      组件中，this均指向由VueComponent函数new出来的组件实例对象vc
   -->
</body>
</html>